<%@page contentType="text/html"%>
<%@page pageEncoding="UTF-8"%>
<%@page import="gestores.administracion.GestorCategoria"%>
<%@page import="java.util.HashMap, java.util.ArrayList"%>

<%
    String nombre ="";
    String palabrasClaves ="";
    String Codigo ="";
    ArrayList<HashMap> arrayPadre = GestorCategoria.listarCategoriasSinPadre();
    HashMap categoria = new HashMap();
    ArrayList<HashMap> arrayRelacionados = new ArrayList<HashMap>();
    if (request.getParameter("cawCodigo")!=null){
        categoria = GestorCategoria.obtenerDatosCategoria(request.getParameter("cawCodigo"));
        
        Codigo = String.valueOf(request.getParameter("cawCodigo"));
        
        if (categoria.get("cawNombre")!= null){
            nombre = String.valueOf(categoria.get("cawNombre"));
        }
        if (categoria.get("cawPalabrasClaves")!= null){
            palabrasClaves = String.valueOf(categoria.get("cawPalabrasClaves"));
        }
        if ((ArrayList<HashMap>)categoria.get("nombreRelacionados")!= null){
            arrayRelacionados = (ArrayList<HashMap>)categoria.get("nombreRelacionados");
        }
    }
    
%>

<script language="JavaScript">
function Agregar(nombre, codigo ){
        
        variable = new Option(nombre,codigo,"","");
	document.formCategoria.cawRelacionada.options[document.formCategoria.cawRelacionada.options.length] = variable;
	
}
function BotonAgregar(){
    select = 0;
    for (i = 0; i < document.formCategoria.cawCategoria.options.length; i++){ 
        if(document.formCategoria.cawCategoria.options[i].selected){ 
            select++;
        }
    }
    if (select < 1){
        alert("Debe seleccionar al menos una categoria.");
        return;
    }

    for (i = 0; i < document.formCategoria.cawCategoria.options.length; i++){ 
        if(document.formCategoria.cawCategoria.options[i].selected){ 
            Agregar(document.formCategoria.cawCategoria.options[i].text, document.formCategoria.cawCategoria.options[i].value);
            document.formCategoria.cawCategoria.options[i] = null;
            i = i - 1;
        }
    }
    
}
function BotonQuitar(){
    	select = 0;
        for (i = 0; i < document.formCategoria.cawRelacionada.options.length; i++) 
            if(document.formCategoria.cawRelacionada.options[i].selected) 
                select++;
        
        if (select < 1){
            alert("Debe seleccionar al menos una categoria.");
            return;
        }
        for (i = 0; i < document.formCategoria.cawRelacionada.options.length; i++){ 
            if(document.formCategoria.cawRelacionada.options[i].selected == true){ 
                Quitar(document.formCategoria.cawRelacionada.options[i].text, document.formCategoria.cawRelacionada.options[i].value);
                document.formCategoria.cawRelacionada.options[i] = null;
                i = i - 1;
            }
        }
}
function Quitar(nombre, codigo){

        variable = new Option(nombre,codigo,"","");
	
	document.formCategoria.cawCategoria.options[document.formCategoria.cawCategoria.options.length ] = variable;
	
	
}
function Guardar(){
    if (document.formCategoria.cawNombre.text == ""){
        alert("Debe ingresar el nombre de la categoria.");
        document.formCategoria.cawNombre.focus();
        return;
    }
    if (document.formCategoria.palabrasClaves.text == ""){
        alert("Debe ingresar las palabras claves de la categoria.");
        document.formCategoria.palabrasClaves.focus();
        return;
    }
    
    for (i = 0; i < document.formCategoria.cawRelacionada.options.length; i++)
        document.formCategoria.cawRelacionada.options[i].selected = true;
   
    document.formCategoria.submit();
    
}

</script>           

    <div align="center">
        <table cellpadding="0" cellspacing="0">
            <tr>
                <td class="tituloContenidoAdmin">GESTIONAR CATEGORIA </td>
            </tr>
        </table>
        <br>
        </br>
        <form name="formCategoria" method="post" action="index?accion=categoria&categoria=modificarCat&cawCodigo=<%=Codigo%>">
        <table cellpadding="0" cellspacing="0" class="fondoMicrositios">
            <tr class="fondoTituloAdmin">
                <td width="90%" colspan="2" class="fondoTituloAdmin"><div align="left">&nbsp;Codigo:</div></td>
            </tr>
            <tr class="fondoCaracteristicaImpar">
                <td width="90%" clospan ="2" class="textoFilasAdmin"><div align="left">&nbsp;<%=Codigo%></div></td>
            </tr>
            <tr class="fondoTituloAdmin">
                <td width="90%" colspan="2" class="fondoTituloAdmin"><div align="left">&nbsp;Nombre:</div></td>
            </tr>
            <tr class="fondoCaracteristicaImpar">
                <td colspan="2" class="textoFilasAdmin"><div align="left">&nbsp;<input name="cawNombre" type="text" class="inputFilasAdmin" value="<%=nombre%>"/></div></td>
            </tr>
            <tr class="fondoCaracteristicaPar">
                <td width="90%" colspan="2" class="fondoTituloAdmin"><div align="left">&nbsp;Categor&iacute;a Padre</div></td>
            </tr>
            <tr class="fondoCaracteristicaImpar">
                <td width="90%" colspan="2" class="textoFilasAdmin">
                    <div align="left">
                    <select name="cawCodigoPadre" onchange="">
                            <%
                            boolean ban = false;
                            for(HashMap categoriaPadre: arrayPadre){
                            if (categoria.get("cawCodigoPadre")!=null){
                            if (categoriaPadre.get("cawCodigo").equals(categoria.get("cawCodigoPadre").toString())){
                            ban = true;
                            %>
                            <option class="textoSelectseleccionado" selected value="<%=categoriaPadre.get("cawCodigo")%>"><%=categoriaPadre.get("cawNombre")%></option>
                            <%
                            }else{
                            %>
                            <option value="<%=categoriaPadre.get("cawCodigo")%>"><%=categoriaPadre.get("cawNombre")%></option>
                            <%
                            }
                            }else{
                            
                            %>
                            <option value="<%=categoriaPadre.get("cawCodigo")%>"><%=categoriaPadre.get("cawNombre")%></option>
                            
                            <%
                            }
                            }
                            if (ban == false){
                            %>
                            <option class="textoSelectseleccionado" selected value="SinAsignar">Sin asignar</option>
                            <%
                            }else{
                            %>
                            <option class="textoSelectseleccionado" value="SinAsignar">Sin asignar</option>
                            <%
                            }
                            %>
                        </select>
                    </div>
                </td>
            </tr>
            
            <tr class="fondoCaracteristicaPar">
                <td width="90%" colspan="2" class="fondoTituloAdmin"><div align="left">&nbsp;Palabras Claves</div></td>
            </tr>
            <tr class="fondoCaracteristicaImpar">
                <td class="textoFilasAdmin" colspan="2" class="textoFilasAdmin"><div align="left">&nbsp;Claves:&nbsp; 
                        <input name="palabrasClaves" type="text" class="inputFilasAdmin" value="<%=palabrasClaves%>"/>
                </div></td>
                
            </tr>
            <tr class="fondoCaracteristicaPar">
                <td width="90%" colspan="2" class="fondoTituloAdmin"><div align="left">&nbsp;Relacionadas</div></td>
            </tr>
            <tr class="fondoCaracteristicaImpar">
                <td width="90%" colspan="2" class="textoFilasAdmin">
                    <div align="center">
                    <table cellpadding="0" cellspacing="0">
                    <tr class="fondoCaracteristicaImpar">
                    <td class="textoFilasAdmin">
                        <table cellpadding="0" cellspacing="0">
                                <tr class="fondoCaracteristicaImpar"><td>Categorias:&nbsp;</td></tr>
                                <tr class="fondoCaracteristicaImpar"><td>
                                        <select id="cawCategoria" name="cawCategoria" size="10" multiple="10" style="width: 160px">
                                            <%
                                            boolean fl = false;
                                            for(HashMap cat: GestorCategoria.listarCategorias()){
                                            fl = false;
                                            if(arrayRelacionados.size()>0  ){
                                            String stringCat = (String) cat.get("cawCodigo");
                                            for (HashMap categoriaRelacionadas : arrayRelacionados){
                                            String stringCatRelacionada = (String) categoriaRelacionadas.get("cawCodigoRelacionada");
                                            
                                            if (stringCatRelacionada.equals(stringCat) == true){
                                            
                                            fl = true;
                                            }
                                            
                                            }//fin for
                                            if (fl == false){
                                            %>
                                            <option value="<%=cat.get("cawCodigo")%>"><%=cat.get("cawNombre")%></option>
                                            <%
                                            }
                                            }else{
                                            %>
                                            <option value="<%=cat.get("cawCodigo")%>"><%=cat.get("cawNombre")%></option>
                                            <%
                                            }//fin if     
                                            }//fin for
                                            %>
                            </select></td></tr></table>
                        
                    </td>
                    <td class="textoFilasAdmin">
                        <div align="center"><table cellpadding="0" cellspacing="0">
                                <tr class="fondoCaracteristicaImpar"><td><div align="center">
                                            <input name="Submit2" type="button" class="boton2" value="Agregar relacion" onclick="BotonAgregar()"/>
                                </div></td></tr>
                                <tr class="fondoCaracteristicaImpar"><td><div align="center">
                                            <input name="Submit2" type="button" class="boton2" value="Quitar relacion" onclick="BotonQuitar()"/>
                                </div></td></tr>
                        </table></div>
                    </td>
                    <td class="fondoCaracteristicaImpar">
                            <table><tr class="fondoCaracteristicaImpar"><td>Relacionadas:&nbsp;</td></tr>
                                <tr class="fondoCaracteristicaImpar"><td>
                                        <select id="cawRelacionada" name="cawRelacionada" size="10" multiple="10" style="width: 160px">
                                            <%
                                            if (((ArrayList)categoria.get("nombreRelacionados"))!= null){
                                            
                                            for(HashMap relacionadas : (ArrayList<HashMap>)categoria.get("nombreRelacionados")){
                                            
                                            %>
                                            <option id="cawRelacionada"  value="<%=relacionadas.get("cawCodigoRelacionada")%>"><%=relacionadas.get("cawNombreRelacionada")%></option>
                                            <%
                                            }//fin for
                                            }//fin if
                                            %>  
                                        </select>
                            </td></tr></table>
                    </td> 
                </tr>
            </table>
            </div>
            </td>
            </tr>
    </table>
    </form>
    <table cellpadding="0" cellspacing="0" class="fondoArticuloComparar">
        <tr>
            <td colspan="3" class="separadorArticulo">&nbsp;</td>
        </tr>
        <tr>
        <td colspan="3"><div align="center">
            <input name="Submit2" type="submit" class="boton2" value="Guardar" onclick="Guardar()"/>
            </div>          
        </td>
      </tr>
    </table>    
</div>
